<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
 <c:set var="baseurl" value="${pageContext.request.contextPath}/"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="shortcut icon" href="images/xiaohui3.ico" />
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/default.css">
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
		<link href="css/site.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="/js/jquery-validate.js"></script>
		<script src="js/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>
		<title>信息学院实验信息管理系统</title>
	</head>
<script type="text/javascript">

function _hyz(){
	/*
	 * 1. 获取<img>元素
	 * 2. 重新设置它的src
	 * 3. 使用毫秒来添加参数
	 */
	$("#imgVerifyCode").attr("src", "${baseurl}VerifyCodeServlet?a=" + new Date().getTime());

}
</script>
	<body>
		<div class="container" style="width: 970px !important;">
			<div class="row text-center">

				<img class="img-responsive" alt="Responsive image" src="images/66.gif">
			</div>
			<div class="row bg-info" style="border:1px solid #B4C3DF;">
				<a href="" class="navbar-brand" style="padding-bottom: 0px; padding-top: 8px;">首页</a>
				<div class="row">
					<div class="row" id="menu1">
						<ul class="nav nav-pills list-inline">
							<li>
								<a href="page-header页面标题.html">实验预约</a>
							</li>
							<li>
								<a href="">实验公告</a>
							</li>
							<li>
								<a href="">实验报告</a>
							</li>
							<li>
								<a href="">实验室介绍</a>
							</li>
							<li>
								<a href="">实验室云盘</a>
							</li>
							<li>
								<div class="text-info" style="border-top-width: 0px; padding-top: 9px;">
									欢迎<strong class="text-primary">韩亚军</strong>登录
								</div>
							</li>
							<div style="padding-right: 38px; padding-top: 3px; padding-bottom: 3px;">
                        	<form action="" class="form-inline">
									<div class="input-group col-xs-3 pull-right">
										 
										<input type="text" class="form-control" placeholder="关键字">
										<span class="input-group-btn ">
					                         <div class="btn btn-primary form-control" type="button">
					                         	<span class="glyphicon glyphicon-search"></span >
					                         	
					                         </div>
                                       </span>
									</div>
								</form>
                        </div>
						</ul>
                        
								
					</div>

				</div>

			</div>
			<div class="row" style="margin-top: 10px;">
				<div class="col-xs-3" style="border:1px solid #DFDFD8;">
					<div class="col-xs-offset-0">
						<span class="label label-primary">系统登陆</span>
					</div>
					<form role="form" id="LoginForm"class="text-center">
						<div class="form-group" style="margin-top: 15px;">
							<label class="pull-left" for="username"><span class="glyphicon glyphicon-user text-info"></span>用户名：</label>
							<input  class="form-control" id="username" name="username" placeholder="用户名" required>
						</div>
						<div class="form-group">
							<label class="pull-left" for="password"><span class="glyphicon glyphicon-lock text-info"></span>密码：</label>
							<input type="password" class="form-control" id="password" name="password" placeholder="密码">
						</div>
						<div class="form-group">
							<input type="password" class="col-xs-5" id="verifyCode" placeholder="验证码"style="margin-top: 5px; height: 30px;">
							<img class="img-thumbnail" id="imgVerifyCode" onclick="_hyz()" src="${baseurl}VerifyCodeServlet" alt=""
								width="56" height="20"style="margin-right: 0px; margin-top: 0px; margin-bottom: 2px;" width="56" height="20" >
						    <label class="text-info text-center" style="border-top-width: 0px; margin-top: 9px;">
                                 <input type="checkbox" >记住我
                            </label>
                              
                          
						</div>
						<!-- <div class="form-group pull-left">
							
						  
						</div> -->
						<div class="form-group ">
							<label class="radio-inline" style="padding-left: 18px;">
									<input type="radio" name="inlineradio1" value="option1"  checked>学生
									</label>
							<label class="radio-inline" style="padding-left: 8px;">
									  <input type="radio" name="inlineradio1" value="option2">老师
									</label>
							<label class="radio-inline" style="padding-left: 10px;">
								      <input type="radio" name="inlineradio1" value="option3">管理员
						            </label>
						</div>
						<div class="form-group">
							<button type="submit" id="submit" class="btn btn-primary">登录</button>
							<button class="btn btn-primary" style="margin-left: 10px;">重置</button>
						</div>

					</form>
				</div>
				<div class=" col-xs-6" style="margin-top: 12px;">
					<span class="label label-primary">实验室一角</span>
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img src="images/a.jpg" alt="...">
								<!-- <div class="carousel-caption"style="background:#000000;opacity:0.5;">
						         <p>第一幅图片:Bootstrap基于CSS3实现动画效果，</p>
					             </div>  -->
							</div>
							<div class="item">
								<img src="images/b.jpg" alt="...">
								<!-- <div class="carousel-caption" style="background:#000000;opacity:0.5;">
						         <p>第一幅图片:Bootstrap基于CSS3实现动画效果，</p>
					             </div> -->
							</div>
							<div class="item">
								<img src="images/c.jpg" alt="...">
								<!-- <div class="carousel-caption"style="opacity:0.5;">
						         <p>第一幅图片:Bootstrap基于CSS3实现动画效果，</p>
					             </div> -->
							</div>
						</div>

						<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left"></span>
						</a>
						<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right"></span>
						</a>
					</div>
				</div>
				<div class="col-xs-3" style="border-width: 1px 0px 1px 1px; border-style: solid; border-color: rgb(223, 223, 216); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding-left: 0px;">
					<h4 class="text-center" style="margin-top: 0px; margin-bottom: 0px;"><small>校历</small></h4>
					<iframe class="text-center" id="iframe_136782602334898156" name="iframe_136782602334898156" allowtransparency="true" src="http://portal.wust.edu.cn/xiaoli.html" marginwidth="0" marginheight="0" scrolling="no" style="height:308px;width:252px" frameborder="0"> 
                    </iframe>
				</div>
			</div>

			<div class="row">
				<div class="htmleaf-container">

					<!--<header class="htmleaf-header bgcolor-12 col-xs-12">

						<h1>基于bootstrup的响应式jQuery滚动新闻插件 <span>A Responsive jQuery News Ticker Plugin with Bootstrap</span></h1>

					</header>-->

					<div class="row col-xs-12">

						<div class="row">
							<div class="col-xs-3"  style="padding-right: 0px;">
								<span class="label label-primary">图片新闻</span>
								<div id="carousel-example-generic1" class="carousel slide" data-ride="carousel">
									<ol class="carousel-indicators">
										<li data-target="#carousel-example-generic1" data-slide-to="0" class="active"></li>
										<li data-target="#carousel-example-generic1" data-slide-to="1"></li>
										<li data-target="#carousel-example-generic1" data-slide-to="2"></li>
									</ol>
									<div class="carousel-inner">
										<div class="item active">
											<img src="images/shiyan11.jpg" alt="...">
											<!-- <div class="carousel-caption">
						         <p>第一幅图片:Bootstrap基于CSS3实现动画效果，</p>
					             </div>-->
										</div>
										<div class="item">
											<img src="images/shiyan12.jpg" alt="...">
											<!-- <div class="carousel-caption">
						         <p>第一幅图片:Bootstrap基于CSS3实现动画效果，</p>
					             </div>-->
										</div>
										<div class="item">
											<img src="images/shiyan13.jpg" alt="...">
											<!--<div class="carousel-caption">
						         <p>第一幅图片:Bootstrap基于CSS3实现动画效果，</p>
					             </div>-->
										</div>
									</div>

									<a class="left carousel-control" href="#carousel-example-generic1" data-slide="prev">
										<span class="glyphicon glyphicon-chevron-left"></span>
									</a>
									<a class="right carousel-control" href="#carousel-example-generic1" data-slide="next">
										<span class="glyphicon glyphicon-chevron-right"></span>
									</a>
								</div>
								<select id="select" onchange="gradeChange()">
									<option id="133905535464027886" value="#">========【校内链接】=======</option>
									<option id="136263467043277442" value="http://www.wust.edu.cn">武汉科技大学</option>
									<option id="136324100944068121" value="http://zzb.wust.edu.cn">组织部</option>
									<option id="136324110954992953" value="http://xcb.wust.edu.cn">宣传部</option>
									<option id="136324116450277861" value="http://www.211.wust.edu.cn">学工部</option>
									<option id="136324125920513678" value="http://xf.wust.edu.cn">团委</option>
									<option id="136324129434685889" value="http://cwc.wust.edu.cn">财务处</option>
									<option id="136324150792486600" value="http://www.yjsc.wust.edu.cn/index.aspx">研究生院</option>
									<option id="136324172086216111" value="http://kjc.wust.edu.cn">科学技术发展院</option>
									<option id="136324199648772083" value="http://rsc.wust.edu.cn">人事处</option>
									<option id="136324207178416819" value="http://jwc.wust.edu.cn/">教务处</option>
								</select>
							</div>
							<div class="col-xs-6"style="padding-right: 0px; padding-left: 18px;">

								<div class="panel panel-default">

									<div class="panel-heading">

										<span class="glyphicon glyphicon-list-alt"></span><b>实验公告</b></div>

									<div class="panel-body">

										<div class="row">

											<div class="col-xs-12 text-primary">

												<ul class="demo2">

													<li class="news-item"><span class="glyphicon glyphicon-play"></span>武汉科技大学信息科学与工程学院
														<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="badge pull-right">2016-11-29</span></a>
													</li>

													<li class="news-item"><span class="glyphicon glyphicon-play"></span>武汉科技大学信息科学与工程学院
														<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="badge pull-right">2016-11-29</span></a>
													</li>

													<li class="news-item"><span class="glyphicon glyphicon-play"></span>武汉科技大学信息科学与工程学院
														<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="badge pull-right">2016-11-29</span></a>
													</li>

													<li class="news-item"><span class="glyphicon glyphicon-play"></span>武汉科技大学信息科学与工程学院
														<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="badge pull-right">2016-11-29</span></a>
													</li>

													<li class="news-item"><span class="glyphicon glyphicon-play"></span>武汉科技大学信息科学与工程学院
														<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="badge pull-right">2016-11-29</span></a>
													</li>

													<li class="news-item"><span class="glyphicon glyphicon-play"></span>武汉科技大学信息科学与工程学院
														<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="badge pull-right">2016-11-29</span></a>
													</li>

												</ul>

											</div>

										</div>

									</div>

									<div class="panel-footer text-right">
										<div class="tooltip-demo">
											<a href="#" data-toggle="tooltip" title="more"><span class="glyphicon glyphicon-forward"></span></a>
										</div>

									</div>

								</div>

							</div>
							<div class="col-xs-3"style="padding-right: 0px; margin-top: 12px;">

								<div class="panel panel-default">

									<div class="panel-heading">

										<span class="glyphicon glyphicon-list-alt"></span><b>留言板</b></div>

									<div class="panel-body">

										<div class="row">

											<div class="col-xs-12">

												<ul class="demo1">

													<li class="news-item">

														<table cellpadding="4">

															<tr>

																<td><img src="images/1.png" width="30" class="img-circle pull-left" /></td>

																<td><div class="text-info">武汉科技大学新闻信息</div>
																	<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="label label-primary">2016-11-29</span></a>
																</td>

															</tr>

														</table>

													</li>

													<li class="news-item">

														<table cellpadding="4">

															<tr>

																<td><img src="images/2.png" width="30" class="img-circle" /></td>

																<td><div class="text-info">武汉科技大学新闻信息</div>
																	<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="label label-primary">2016-11-29</span></a>
																</td>

															</tr>

														</table>

													</li>

													<li class="news-item">

														<table cellpadding="4">

															<tr>

																<td><img src="images/3.png" width="30" class="img-circle" /></td>

																<td>
																	<div class="text-info">武汉科技大学新闻信息</div>
																	<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="label label-primary">2016-11-29</span></a>
																</td>

															</tr>

														</table>

													</li>

													<li class="news-item">

														<table cellpadding="4">

															<tr>

																<td><img src="images/4.png" width="30" class="img-circle" /></td>

																<td>
																	<div class="text-info">武汉科技大学新闻信息</div>
																	<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="label label-primary">2016-11-29</span></a>
																</td>

															</tr>

														</table>

													</li>

													<li class="news-item">

														<table cellpadding="4">

															<tr>

																<td><img src="images/5.png" width="30" class="img-circle" /></td>

																<td>
																	<div class="text-info">武汉科技大学新闻信息</div>
																	<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="label label-primary">2016-11-29</span></a>
																</td>

															</tr>

														</table>

													</li>

													<li class="news-item">

														<table cellpadding="4">

															<tr>

																<td><img src="images/6.png" width="30" class="img-circle" /></td>

																<td>
																	<div class="text-success">武汉科技大学新闻信息</div>
																	<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="label label-primary">2016-11-29</span></a>
																</td>

															</tr>

														</table>

													</li>

													<li class="news-item">

														<table cellpadding="4">

															<tr>

																<td><img src="images/7.png" width="30" class="img-circle" /></td>

																<td>
																	<div class="text-info">武汉科技大学新闻信息</div>
																	<a href="#"><span class="glyphicon glyphicon-circle-arrow-right">详情</span><span class="label label-primary">2016-11-29</span></a>
																</td>

															</tr>

														</table>

													</li>

												</ul>

											</div>

										</div>

									</div>

									<div class="panel-footer">
										<a href="#" data-toggle="tooltip" title="more"><span class="glyphicon glyphicon-backward" style="border-top-width: 0px; padding-top: 8px;"></span></a>
									</div>

								</div>

							</div>

						</div>

					</div>

				</div>

			</div>
			<div class="row">
				<div class="panel-footer" style="margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 0px;">
					<div class="row">
						<p style="text-align: center" class="text-success">Copyright 2012&nbsp;
							<a target="_blank" href="http://www.wust.edu.cn:8016/zfsmp">&copy;</a>&nbsp;<small class="text-info">武汉科技大学&middot;信息科学与工程学院&nbsp;&nbsp;版权所有 <br/> 技术支持：电信1302班项目组</small>
						</p>
					</div>
					<div class="row text-center">
						<small class="text-primary">历史访问量:464286&nbsp;&nbsp;&nbsp;月访问量:8394&nbsp;&nbsp;&nbsp;日访问量:126&nbsp;&nbsp;&nbsp;在线人数:5</small>
					</div>
				</div>
			</div>
		</div>

	</body>
	 <script src="script/form.js" type="text/javascript" charset="utf-8">
	 </script>  
        
	<script type="text/javascript">
	   
		//  下拉菜单的优化
		window.onload = function() {
				$("option").click(function() {
					$("#select").removeAttr("size");
					$("#select").blur();
					this.attr("selected", "");
				});

				$("#select").focus(function() {
					$("#select").attr("size", "5");
				})
			}
			//校内链接跳转
		function gradeChange() {
			var url = $("#select").children('option:selected').val();
			window.location.href = url;
		}
		$(function() {

			$(".demo1").bootstrapNews({

				newsPerPage:2,

				autoplay: true,

				pauseOnHover: true,

				direction: 'up',

				newsTickerInterval: 4000,

				onToDo: function() {

					//console.log(this);

				}

			});

			$(".demo2").bootstrapNews({

				newsPerPage: 5,

				autoplay: true,

				pauseOnHover: true,

				navigation: false,

				direction: 'down',

				newsTickerInterval: 2500,

				onToDo: function() {

					//console.log(this);

				}

			});

		});
		 MyValidator.init(); 
	</script>
</html>